<!-- Pass -->
<div id="pass1" role="link" aria-label="next page ">next page</div>
<div id="pass2" role="link" aria-label="Next Page">next page</div>
<button id="pass3" name="link" aria-label="Next Page in the list">
  Next Page
</button>
<div id="pass4" role="link" aria-label="next page &nbsp ">next page</div>
<div id="pass5" role="link" aria-label="Next Page">next pAge</div>
<div id="labelForPass6">uNtIl the very end &nbsp</div>
<div id="pass6" role="button" aria-labelledby="labelForPass6">
  UNTIL THE VeRy EnD
</div>

<button id="pass7" name="link" aria-label="Next Page in the list">
  Next Page
</button>

<!-- Fail -->
<div id="fail1" role="link" aria-label="OK">Next</div>
<button id="fail2" name="link" aria-label="the full">The full label</button>
<div id="fail3" role="link" aria-label="OK">Next</div>
<button id="fail4" name="link" aria-label="the full">The full label</button>
<div id="labelForFail5">123</div>
<div role="button" id="fail5" aria-labelledby="labelForFail5">some content</div>

<!-- incomplete -->
<button id="incomplete1" aria-label="comet">☄️</button>
<button id="incomplete2" aria-label="☄️">shooting star</button>
<button id="incomplete3" aria-label="help">?</button>
<button id="incomplete4" aria-label="&#x1F354;">&#x1F354;</button>
<button id="incomplete5" aria-label="close">&#10060;</button>
<button id="incomplete6" aria-label="wink">;)</button>
<button id="incomplete7" aria-label="close">X</button>
<button id="incomplete8" aria-label="comet">☄️</button>
<button id="incomplete9" aria-label="help">?</button>
<button id="incomplete10" aria-label="&#x1F354;">&#x1F354;</button>
<button id="incomplete11" aria-label="close">&#10060;</button>
<button id="incomplete12" aria-label="close">×</button>
<button id="incomplete13" aria-label="italic">i</button>
<button id="incomplete14" aria-label="bold">B</button>
<button id="incomplete15" aria-label="alphabetical sort">ABC</button>
<button id="incomplete16" aria-label="toggle capitalization">aA</button>
<button id="incomplete17" aria-label="CJK character"></button>

<!-- inapplicable -->
<a id="inapplicable1" aria-label="OK">Next</a>
<input id="inapplicable2" type="email" aria-label="E-mail" value="Contact" />
<div id="inapplicable3" role="tooltip" aria-label="OK">Ok</div>
<div id="inapplicable4" role="feed" aria-label="RSS Feed">RSS Feed</div>
<div id="inapplicable5" role="marquee" aria-label="Foo">Foo Restaurant</div>
